<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>后台管理系统</title>
#include("system/include/easyui.html")
<script src="/static/plugins/easyui/common/index.js" type="text/javascript"></script>
<link href="/static/plugins/easyui/common/index.css" rel="stylesheet" />
<script src="/static/plugins/easyui/common/index-startup.js"></script>
</head>
<body>
<!-- 容器遮罩 -->
<div id="maskContainer">
    <div class="datagrid-mask" style="display: block;"></div>
    <div class="datagrid-mask-msg" style="display: block; left: 50%; margin-left: -52.5px;">正在加载...</div>
</div>
<div id="mainLayout" class="easyui-layout hidden" data-options="fit: true">
    <div id="northPanel" data-options="region: 'north', border: false" style="height: 80px; overflow: hidden;">
        <div id="topbar" class="top-bar">
            <div class="top-bar-left">
                <h1 style="margin-left: 10px; margin-top: 10px;color: #fff">JAS <span style="color: #3F4752">后台管理系统</span></h1>
            </div>
            <div class="top-bar-right">
                <div id="timerSpan"></div>
                <div id="themeSpan">
                    <a id="btnHideNorth" class="easyui-linkbutton" data-options="plain: true, iconCls: 'layout-button-up'"></a>
                </div>
            </div>
        </div>
        <div id="toolbar" class="panel-header panel-header-noborder top-toolbar">
            <div id="infobar">
                <span class="icon-hamburg-user" style="padding-left: 25px; background-position: left center;">
                   xxx，您好
                </span>
            </div>
           
            <div id="buttonbar">
                <span>更换皮肤：</span>
                <select id="themeSelector"></select>
                <a href="javascript:void(0);" class="easyui-menubutton" data-options="menu:'#layout_north_set'" iconCls="icon-standard-cog">系统</a>  
                <div id="layout_north_set">
					<div id="btnFullScreen" data-options="iconCls:'key'">全屏切换</div>
					<div id="btnExit" data-options="iconCls:'logout'">退出系统</div>
				</div>
                <a id="btnShowNorth" class="easyui-linkbutton" data-options="plain: true, iconCls: 'layout-button-down'" style="display: none;"></a>
            </div>
        </div>
    </div>

    <div data-options="region: 'west', title: '菜单导航栏', iconCls: 'icon-standard-map', split: true, minWidth: 200, maxWidth: 400" style="width: 220px; padding: 1px;">
        <div id="myMenu" class="easyui-accordion" data-options="fit:true,border:false">
		 	<div title="商店管理" style="padding: 5px;" data-options="border:false,iconCls:'icon-hamburg-basket'">
				<div>
					<a id="btn" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-hamburg-product'" style="width:98%;margin-bottom:5px;" onclick="window.mainpage.mainTabs.addModule('商品管理','shop/goods','icon-hamburg-product')">商品管理</a>			
					<a id="btn" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-hamburg-milestone'" style="width:98%;margin-bottom:5px;" onclick="window.mainpage.mainTabs.addModule('商品类型管理','shop/goodsType','icon-hamburg-milestone')">商品类型管理</a>
				</div>
			</div>
		 	<div title="系统管理" style="padding: 5px;" data-options="border:false,iconCls:'icon-standard-cog'">
				<div>
					<a id="btn" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-hamburg-user'" style="width:98%;margin-bottom:5px;" onclick="window.mainpage.mainTabs.addModule('用户管理','system/user','icon-hamburg-user')">用户管理</a>
					<a id="btn" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-hamburg-my-account'" style="width:98%;margin-bottom:5px;" onclick="window.mainpage.mainTabs.addModule('角色管理','system/role','icon-hamburg-my-account')">角色管理</a>
					<a id="btn" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-hamburg-old-versions'" style="width:98%;margin-bottom:5px;" onclick="window.mainpage.mainTabs.addModule('菜单管理','system/permission/menu','icon-hamburg-old-versions')">菜单管理</a>
					<a id="btn" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-hamburg-login'" style="width:98%;margin-bottom:5px;" onclick="window.mainpage.mainTabs.addModule('权限管理','system/permission','icon-hamburg-login')">权限管理</a>
					<a id="btn" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-hamburg-address'" style="width:98%;margin-bottom:5px;" onclick="window.mainpage.mainTabs.addModule('字典管理','system/dict','icon-hamburg-address')">字典管理</a>
					<a id="btn" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-hamburg-world'" style="width:98%;margin-bottom:5px;" onclick="window.mainpage.mainTabs.addModule('区域信息','system/area','icon-hamburg-world')">区域信息</a>
					<a id="btn" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-cologne-home'" style="width:98%;margin-bottom:5px;" onclick="window.mainpage.mainTabs.addModule('机构管理','system/organization','icon-cologne-home')">机构管理</a>					
				</div>
			</div>
			<div title="系统监控" style="padding: 5px;" data-options="border:false,iconCls:'icon-hamburg-graphic'">
				<div>
					<a id="btn" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-hamburg-full-time'" style="width:98%;margin-bottom:5px;" onclick="window.mainpage.mainTabs.addModule('定时任务管理','system/scheduleJob','icon-hamburg-full-time')">定时任务管理</a>
					<a id="btn" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-hamburg-future'" style="width:98%;margin-bottom:5px;" onclick="window.mainpage.mainTabs.addModule('cron表达式生成','system/scheduleJob/quartzCron','icon-hamburg-future')">cron表达式生成</a>
					<a id="btn" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-hamburg-database'" style="width:98%;margin-bottom:5px;" onclick="window.mainpage.mainTabs.addModule('数据源监控','druid','icon-hamburg-database')">数据源监控</a>
					<a id="btn" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-hamburg-archives'" style="width:98%;margin-bottom:5px;" onclick="window.mainpage.mainTabs.addModule('日志管理','system/log','icon-hamburg-archives')">日志管理</a>
				</div>
			</div>
		</div>
     </div>

     <div data-options="region: 'center'">
         <div id="mainTabs_tools" class="tabs-tool">
             <table>
                <tr>
                    <td><a id="mainTabs_jumpHome" class="easyui-linkbutton easyui-tooltip" title="跳转至主页选项卡" data-options="plain: true, iconCls: 'icon-hamburg-home'"></a></td>
                    <td><div class="datagrid-btn-separator"></div></td>
					<td><a id="mainTabs_toggleAll" class="easyui-linkbutton easyui-tooltip" title="展开/折叠面板使选项卡最大化" data-options="plain: true, iconCls: 'icon-standard-arrow-out'"></a></td>
                    <td><div class="datagrid-btn-separator"></div></td>
                    <td><a id="mainTabs_refTab" class="easyui-linkbutton easyui-tooltip" title="刷新当前选中的选项卡" data-options="plain: true, iconCls: 'icon-standard-arrow-refresh'"></a></td>
                    <td><div class="datagrid-btn-separator"></div></td>
                    <td><a id="mainTabs_closeTab" class="easyui-linkbutton easyui-tooltip" title="关闭当前选中的选项卡" data-options="plain: true, iconCls: 'icon-standard-application-form-delete'"></a></td>
                </tr>
             </table>
         </div>
         <div id="mainTabs" class="easyui-tabs" data-options="fit: true, border: false, showOption: true, enableNewTabMenu: true, tools: '#mainTabs_tools', enableJumpTabMenu: true">
             <div id="homePanel" data-options="title: '主页', iconCls: 'icon-hamburg-home'">
                 <div class="easyui-layout" data-options="fit: true">
                    <div data-options="region: 'north', split: false, border: false" style="height: 33px;">
                    	首页内容
                    </div>
                    <div data-options="region: 'center', border: false" style="overflow: hidden;">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div data-options="region: 'east', title: '日历', iconCls: 'icon-standard-date', split: true,collapsed: true, minWidth: 160, maxWidth: 500" style="width: 220px;">
        <div id="eastLayout" class="easyui-layout" data-options="fit: true">
            <div data-options="region: 'north', split: false, border: false" style="height: 220px;">
                <div class="easyui-calendar" data-options="fit: true, border: false"></div>
            </div>
            <div id="linkPanel" data-options="region: 'center', border: false, title: '通知', iconCls: 'icon-hamburg-link', tools: [{ iconCls: 'icon-hamburg-refresh', handler: function () { window.link.reload(); } }]">
            </div>
        </div>
    </div>

    <div data-options="region: 'south', title: '关于...', iconCls: 'icon-standard-information', collapsed: true, border: false" style="height: 70px;">
        <div style="margin: 10px auto; text-align: center; font-size:12px;">
        JAS 后台管理系统  ©2016 baomidou.com
        </div>
    </div>
</div>
<script>
$('.easyui-linkbutton').on('click', function() {
	$('.easyui-linkbutton').linkbutton({
		selected : false
	});
	$(this).linkbutton({
		selected : true
	});
});
</script>
</body>
</html>
